layui.use('form', function(){
    var $ = layui.jquery,
    form = layui.form;
    form.on('checkbox(allChoose)', function(data){
        var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
        child.each(function(index, item){
            item.checked = data.elem.checked;
        });

        var count = 0;
        $('tbody input').each(function () {
            var checked = this.checked;
            if (checked) {
                count += 1;
            }
        });
        var $toolbar = $('.l-toolbar');
        var $btns = $toolbar.children();
        if (count == 0){
            $btns.eq(0).addClass('layui-btn-disabled').removeClass('toolbar-btn');
            $btns.eq(1).addClass('layui-btn-disabled').removeClass('toolbar-btn');
        } else {
            $btns.eq(0).removeClass('layui-btn-disabled');
            $btns.eq(1).removeClass('layui-btn-disabled');
        }

        form.render('checkbox');
    });
    form.on('checkbox(choose)', function() {
        var count = 0;
        var $ckeckbox = $('#selectAll').next();
        var $tbodyCheckbox = $('tbody input');
        var length = $tbodyCheckbox.length;
        $tbodyCheckbox.each(function () {
            var checked = this.checked;
            if (checked) {
                count += 1;
            } else {
                $ckeckbox.removeClass('layui-form-checked');
            }
        });
        if (count === length) {
            $ckeckbox.addClass('layui-form-checked');
        }

        var $toolbar = $('.l-toolbar');
        var $btns = $toolbar.children();
        if (count == 0){
            $btns.eq(0).addClass('layui-btn-disabled').removeClass('toolbar-btn');
            $btns.eq(1).addClass('layui-btn-disabled').removeClass('toolbar-btn');
        } else {
            $btns.eq(0).removeClass('layui-btn-disabled');
            $btns.eq(1).removeClass('layui-btn-disabled');
        }
    });
});
